<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">

<html><head><title>Home - jQuery::dForm 0.1.3</title><link rel="stylesheet" type="text/css" href="../styles/main.css"><script language=JavaScript src="../javascript/main.js"></script><script language=JavaScript src="../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad();"><script language=JavaScript><!--
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>

<!--  Generated by Natural Docs, version 1.5 -->
<!--  http://www.naturaldocs.org  -->

<!-- saved from url=(0026)http://www.naturaldocs.org -->




<div id=Content><div class="CSection"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="Home"></a>Home</h1><div class=CBody><p>The jQuery.dForm plugin allows you to create your HTML forms programmatically from JavaScript objects (and therefore JSON, too).</p><h4 class=CHeading>Usage</h4><blockquote><pre>var formdata =
{
    &quot;action&quot; : &quot;index.html&quot;,
    &quot;method&quot; : &quot;get&quot;,
    &quot;elements&quot; :
    [
        {
            &quot;name&quot; : &quot;textfield&quot;,
            &quot;label&quot; : &quot;Label for textfield&quot;,
            &quot;type&quot; : &quot;text&quot;,
            &quot;value&quot; : &quot;Hello world&quot;
        },
        {
            &quot;type&quot; : &quot;submit&quot;,
            &quot;value&quot; : &quot;Submit&quot;
        }
    ]
};
$(&quot;#myform&quot;).buildForm(formdata);

// Or to load the form definition via AJAX
$(&quot;#myform&quot;).buildForm(&quot;http://example.com/myform.json&quot;);</pre></blockquote><h4 class=CHeading>How to get it</h4><p><a href="http://github.com/downloads/daffl/jquery.dform/jquery.dform-0.1.2.tar.gz" class=LURL target=_top>Download jQuery.dForm 0.1.2</a></p><h4 class=CHeading>How to get involved</h4><ul><li>Visit the <a href="http://groups.google.com/group/jquery-dform" class=LURL target=_top>jQuery.dForm Google Group</a></li><li>Fork the project on <a href="http://github.com/daffl/jquery.dform/" class=LURL target=_top>GitHub</a></li><li>Follow <a href="http://twitter.com/daffl" class=LURL target=_top>@daffl</a> on Twitter</li></ul><h4 class=CHeading>What it is for</h4><p>There are many server side web frameworks that support HTML form generation, but you often end up mixing client (e.g.&nbsp; JavaScript validation) and server side processing concerns together.</p><p>This plugin moves the generation of forms entirely on the client side so that the server just has to provide a JavaScript object (usually as JSON) that contains all the information needed to create this form.&nbsp; It is easily extensible for custom form elements and properties.</p><p>You should try this plugin if you want to</p><ul><li>manage all your form related jQuery plugins in a unified way (jQuery UI and the Validation plugin supported out of the box)</li><li>scaffold forms from business objects of your server side framework</li><li>have an easy way to include jQuery UI elements and JavaScript validation</li><li>write JavaScript instead of HTML markup since your page doesn&rsquo;t run without JS anyway</li></ul><h4 class=CHeading>Examples</h4><p>See some live demos at the <a href="examples-txt.html#Examples" class=LSection id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">Examples</a> page.</p></div></div></div>

</div><!--Content-->


<div id=Footer>Copyright &copy; 2011 - David Luecke - daff@neyeon.de&nbsp; &middot;&nbsp; <a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->


<div id=Menu><div class=MTitle>jQuery::dForm 0.1.3</div><div class=MEntry><div class=MFile id=MSelected>Home</div></div><div class=MEntry><div class=MFile><a href="examples-txt.html">Examples</a></div></div><div class=MEntry><div class=MFile><a href="../files/dform-subscribers-js.html">Usage</a></div></div><div class=MEntry><div class=MFile><a href="../files/dform-extensions-js.html">Extension</a></div></div><div class=MEntry><div class=MFile><a href="../files/dform-js.html">Plugin</a></div></div><div class=MEntry><div class=MFile><a href="changelog-txt.html">Changelog</a></div></div><div class=MEntry><div class=MFile><a href="license-txt.html">License</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Index</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MIndex><a href="../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Types.html">Types</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Subscribers.html">Subscribers</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Files.html">Files</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Examples.html">Examples</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Variables.html">Variables</a></div></div></div></div></div><script type="text/javascript"><!--
var searchPanel = new SearchPanel("searchPanel", "HTML", "../search");
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option  id=MSearchEverything selected value="General">Everything</option><option value="Examples">Examples</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Subscribers">Subscribers</option><option value="Types">Types</option><option value="Variables">Variables</option></select></div></div><!--Menu-->



<!--START_ND_TOOLTIPS-->
<div class=CToolTip id="tt1"><div class=CSection>Some examples on how to use the plugin. </div></div><!--END_ND_TOOLTIPS-->




<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>


<script language=JavaScript><!--
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>